

<?php
//define('WP_USE_THEMES', false);
/*
 */
get_header();
?>

<!-- content -->
<div class="content"> 
    <div class="container_12">
        <div class="grid_3">
            <?php get_sidebar('left'); ?>            
        </div>

        <!-- item -->
        <div class="grid_9">

            <!-- div slide -->
            <div class="content_slide">
                <div class="first">&nbsp;
                    <img src="<?php echo bloginfo('template_url'); ?>/img/left_vertic.png">
                </div>
                <div class="middle">

                    <ul>
                        <div id="wrap_slide_banner">

                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_euromex.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_gperon.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>

                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_euromex.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_gperon.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>

                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_gperon.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_gperon.png"/></li>
                            <li class="img_item_slide"><img src="<?php echo bloginfo('template_url'); ?>/img/logo_astell.png"/></li>
                        </div>
                    </ul>



                </div>
                <div class="last">&nbsp;
                    <img src="<?php echo bloginfo('template_url'); ?>/img/right_vertic.png">
                </div>
                <script type="text/javascript">
                    /*
                     * div middle rong 654px
                     * kich thuoc moi anh la 172x39
                     * Moi anh margin-right 34px
                     * anh dau tien cach mep 34px
                     * Moi click se dich div moddel 34px
                     */
                    console.log(1+'---'+$('.img_item_slide').length);
                    var _number_of_slide_banner=$('.img_item_slide').length;
                    var _xwidth_slide=_number_of_slide_banner*172+(_number_of_slide_banner-2)*34;
                    var _count_click_slide=0;
                        
                        
                    $("#wrap_slide_banner").css('width',_xwidth_slide+'px');
                    console.log($("#wrap_slide_banner").css('width'));
                    /*
                     * Moi click se dich sang phai 172+34 pxzzzzzzzz
                     * neu _count_click_slide = 0 thi dung
                     */
                    $(".last").click(function(){
                        if (_count_click_slide >0) {
                            _count_click_slide-=1;
                            var _shiftleft=_count_click_slide*206;
                            $("#wrap_slide_banner").animate({
                                'margin-left': -_shiftleft+'px'}
                            ,1000);
                        }
                    });
                        
                    /*
                     * moi click se dich sang trai 172+34 px
                     * 
                     */
                    $(".first").click(function(){
                            
                        if (_count_click_slide < _number_of_slide_banner -3) {
                            _count_click_slide+=1;
                            var _shiftleft=_count_click_slide*206;
                            $("#wrap_slide_banner").animate({
                                'margin-left': -_shiftleft+'px'}
                            ,1000);
                        }

                    });
                </script>
            </div>
            <?php
            $post_obj = $wp_query->get_queried_object();
            $post_ID = $post_obj->ID;
//            echo $post->ID;
//            echo $post->post_content;

            if ($post_ID == 57) { //dow load
                get_template_part('page', 'down-load');
            }
            if ($post_ID == 61) { //lien he
                get_template_part('page', 'lienhe');
            }
            if ($post_ID == 65) { //tintuc
                get_template_part('page', 'tintuc');
            }
            if ($post_ID == 55) { //dich vu
                get_template_part('page', 'dichvu');
            }
            if ($post_ID == 53) { //gioi thieu
                get_template_part('page', 'gioithieu');
            }
            //Page 57: download
            //Page 61: Lien he
            //Page 65: tin tuc
            //Page 55: dich vu
            //Page 53: gioi thieu
            ?>
        </div>
        <!-- ote, -->
    </div>
</div>
<!-- end of content -->    
<?php get_footer(); ?>